.layout {
    position: fixed;
    width: 100%;
    height: 100%;
    background: url(../images/all_bg.jpg) no-repeat center center;
    background-size: 100% 100% !important;
    .title {
        position: fixed;
        width: 100%;
        top: 0;
        height: 159/1080*100%;
        background: url(../images/yns_top.png) no-repeat top center;
        background-size: 100% 100% !important;
        text-align: center;
        font-size: 0.4rem;
        letter-spacing: 4px;
        color: #fff;
        padding-top: 10px;
    }
    .main {
        .left {
            .img {
                position: fixed;
                width: 256/1920*100%;
                height: 62/1080*100%;
                left: 0;
                top: 49/1080*100%;
                background: url(../images/shax.png) no-repeat top center;
                background-size: 100% 100% !important;
            }
            .left_top {
                position: fixed;
                background: url(../images/gybg.png) no-repeat top center;
                background-size: 100% 100% !important;
                width: 340/1920*100%;
                height: 379/1080*100%;
                left: 36/1920*100%;
                top: 138/1080*100%;
                .gy_box {
                    position: fixed;
                    width: 287/1920*100%;
                    height: 324/1080*100%;
                    left: 63/1920*100%;
                    top: 163/1080*100%;
                    overflow: hidden;
                    ul {
                        li {
                            font-size: 14px;
                            color: #cfe6ff;
                            height: 28px;
                            line-height: 28px;
                            padding-left: 24px;
                            background: url(../images/li_nav.png) no-repeat left center;
                            background-size: 12px 12px;
                            span {
                                float: right;
                                padding-right: 35px;
                            }
                        }
                    }
                }
            }
            .left_middle {
                position: fixed;
                background: url(../images/left_middle.png) no-repeat top center;
                background-size: 100% 100% !important;
                width: 339/1920*100%;
                height: 105/1080*100%;
                left: 32/1920*100%;
                top: 530 /1080*100%;
                p {
                    position: fixed;
                    left: 59/1920*100%;
                    top: 547/1080*100%;
                    color: #ffdf01;
                    font-size: 20px;
                    font-weight: 700;
                    i {
                        font-size: 14px;
                        font-weight: 700;
                    }
                }
                span {
                    position: fixed;
                    left: 63/1920*100%;
                    top: 588 /1080*100%;
                    color: #fff;
                    font-size: 14px;
                }
                .img {
                    position: fixed;
                    background: url(../images/gwc.png) no-repeat top center;
                    background-size: 100% 100% !important;
                    width: 51/1920*100%;
                    height: 50/1080*100%;
                    left: 269/1920*100%;
                    top: 557 /1080*100%;
                }
            }
            .spzs {
                position: fixed;
                left: 30/1920*100%;
                top: 648/1080*100%;
                font-size: 14px;
                color: #fff;
                letter-spacing: 1px;
                padding-left: 2px;
                span {
                    font-size: 20px;
                    color: #0bdad7;
                    font-weight: 700;
                }
            }
            .left_bottom {
                position: fixed !important;
                background: url(../images/spbg.png) no-repeat top center !important;
                background-size: 100% 100% !important;
                width: 341/1920*100%;
                height: 335/1080*100%;
                left: 29/1920*100%;
                top: 698 /1080*100%;
            }
        }
        .center {
            .province_data {
                .data_left {
                    .data_title {
                        position: fixed;
                        left: 447/1920*100%;
                        top: 114/1080*100%;
                        color: #fff;
                        padding-right: 40px;
                        font-size: 18px;
                        background: url(../images/ss.png) no-repeat center right;
                    }
                    div {
                        .zs {
                            position: fixed;
                            left: 430/1920*100%;
                            top: 160/1080*100%;
                            width: 250/1920*100%;
                            height: 84/1080*100%;
                            span {
                                float: left;
                                height: 100%;
                                width: 40/250*100%;
                                background-color: #33406b;
                                margin-right: 10/250*100%;
                                text-align: center;
                                font-size: 45px;
                                color: #fff;
                            }
                        }
                        .zrwl {
                            position: fixed;
                            left: 707/1920*100%;
                            top: 168 /1080*100%;
                            span {
                                display: block;
                                color: #7e8dc4;
                            }
                            i {
                                color: #62c1f8;
                                font-size: 24px;
                                font-weight: 700;
                            }
                        }
                        .ywc {
                            position: fixed;
                            left: 837/1920*100%;
                            top: 172/1080*100%;
                            span {
                                display: block;
                                color: #7e8dc4;
                            }
                            i {
                                color: #0bdad7;
                                font-size: 24px;
                                font-weight: 700;
                            }
                            s {
                                color: #0bdad7;
                                font-size: 12px;
                            }
                        }
                    }
                }
                .data_right {
                    ul {
                        position: fixed;
                        left: 1041/1920*100%;
                        top: 110/1080*100%;
                        height: 160/1080*100%;
                        width: 421/1920*100%;
                        z-index: 9999;
                        li {
                            width: 100%;
                            height: 100%;
                        }
                    }
                }
            }
            .search {
                position: fixed;
                width: 1050/1920*100%;
                height: 83/1080*100%;
                left: 426/1920*100%;
                top: 281/1080*100%;
                z-index: 999;
                background-color: rgba(150, 150, 150, .7);
                .map_search {
                    .map_top_lt {
                        position: fixed;
                        width: 360/1920*100%;
                        height: 40/1080*100%;
                        left: 537/1920*100%;
                        top: 302/1080*100%;
                        span {
                            color: #fff;
                            font-size: 14px;
                            height: 100%;
                        }
                        select {
                            height: 100%;
                            width: 25%;
                            border-radius: 3px;
                            outline: none;
                            border: none;
                        }
                    }
                    .map_top_rt {
                        position: fixed;
                        width: 458/1920*100%;
                        height: 40/1080*100%;
                        left: 909/1920*100%;
                        top: 302/1080*100%;
                        border-radius: 5px;
                        overflow: hidden;
                        input {
                            width: (458-95)/458*100%;
                            float: left;
                            height: 100%;
                            padding-left:15px;
                        }
                        button {
                            width: (95)/458*100%;
                            float: left;
                            height: 100%;
                            color: #fff;
                            font-size: 14px;
                            text-align: center;
                            background-color: #038de7;
                        }
                    }
                }
            }
            .map {
                position: fixed;
                background: url(../images/map_bg.png) no-repeat top center;
                background-size: 100% 100% !important;
                width: 1117/1920*100%;
                height: 797/1080*100%;
                left: 393/1920*100%;
                top: 257 /1080*100%;
                .map_area {
                    position: fixed !important;
                    width: 1050/1920*100%;
                    height: 749/1080*100%;
                    left: 426/1920*100%;
                    top: 281/1080*100%;
                }
            }
        }
        .right {
            .right_top {
                position: fixed !important;
                width: 380/1920*100%;
                height: 340/1080*100%;
                left: 1523/1920*100%;
                top: 40 /1080*100%;
            }
            .right_bottom {
                position: fixed;
                background: url(../images/dsbg.png) no-repeat top center;
                background-size: 100% 100% !important;
                width: 361/1920*100%;
                height: 634/1080*100%;
                left: 1533/1920*100%;
                top: 413 /1080*100%;
                padding: 10px;
                color: #fff;
                .gdssj {
                    font-size: 16px;
                    padding: 0 0 5px 5px;
                }
                .row_title {
                    background-color: #243e6d;
                    padding: 5px 0 5px 5px;

                    span {
                        float: left;
                        width: 33.33%;
                        text-align: center;
                        font-size: 14px;
                        letter-spacing:1px;
                    }
                }
                .gdssj_info {
                    font-size: 14px;
                    width: 100%;
                    height:360px;
                    overflow: hidden;
                    li {
                        border-radius: 5px;
                        height: 36px;
                        line-height: 36px;
                      
                        span {
                            float: left;
                            width: 33.33%;
                            text-align: center;
                        }
                        .dqmc {}
                        .zsl {}
                        .ywcsl {color:#0bdad7}
                    }
                    li.even{
                        background-color: #1e2e56;
                    }
                }
            }
        }
    }
}


#ascrail2000 {
    background-color: #235fa4;
    border-radius: 5px;
}